﻿<!DOCTYPE HTML>
<html>

	<head>
        <meta charset="utf-8">
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <!--[if lt IE 9]>
        <script type="text/javascript" src="lib/html5.js"></script>
        <script type="text/javascript" src="lib/respond.min.js"></script>
        <script type="text/javascript" src="lib/PIE_IE678.js"></script>
        <![endif]-->
        <link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />
        <link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
        <link href="../css/style.css" rel="stylesheet" type="text/css" />
        <link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="../css/currency/bootstrap.css" />
        <!--[if IE 6]>
        <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
        <script>DD_belatedPNG.fix('*');</script>
        <![endif]-->
		<title>角色管理</title>
	</head>

	<body>
		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 权限管理 <span class="c-gray en">&gt;</span> 角色管理
			<a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
		</nav>
        <div class="pd-20" id="role-list" v-cloak>
            <div class="text-c">
                <form search-form>
                    <input type="text" class="input-text" style="width:250px" placeholder="请输入名称" v-model="searchData.roleName">
                    <input id="hiddenText" type="text" style="display:none" class="input-text">
                    <div id="selectBtnEnter" class="btn btn-success"  @click="search"><i class="Hui-iconfont">&#xe665;</i> 搜角色</div>
                </form>
            </div>
            <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
                <!-- <a href="javascript:;" @click="delIDs" class="btn btn-danger radius">
                    <i class="Hui-iconfont">&#xe6e2;</i> 批量删除
                </a> -->
                <a v-if="permissions.role_save" class="btn btn-primary radius" href="javascript:;" @click="addData">
                    <i class="Hui-iconfont">&#xe600;</i> 添加
                </a>
            </span>
                <span class="r">共有数据：<strong>{{roleInfo.total}}</strong> 条</span>
            </div>
            <form id="formForDel">
                <table class="table table-border table-bordered table-bg">
                    <thead>
                    <tr>
                        <th scope="col" colspan="9">功能列表</th>
                    </tr>
                    <tr class="text-c">
                        <th width="60"></th>
                        <th width="150">角色名</th>
                        <th width="300">角色编号</th>
                        <th width="200">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="text-c" v-for="(item,index) in roleInfo.list">
                        <td><input type='checkbox' @click="cbBtn" :value="item.id"/></td>
                        <td>{{item.roleName}}</td>
                        <td>{{item.roleCode}}</td>
                        <td class='td-manage'>
                            <a v-if="permissions.role_update" title='编辑' href='javascript:;' @click="updatePage(item.id)" class='ml-5 edit' style='text-decoration:none'><i class='Hui-iconfont'>&#xe60c;</i></a>
                            <!-- <a title='删除' href='javascript:;' @click="del(item.id)" class='ml-5 del' style='text-decoration:none'><i class='Hui-iconfont'>&#xe6e2;</i></a> -->
                        </td>
                    </tr>
                    </tbody>
                </table>
            </form>

            <div v-if="roleInfo.total <= 0">没有查到数据</div>
            <div v-else class="pageBox">
                <div class="pageInfo">显示 <span id="startRow">{{roleInfo.startRow}}</span> 到 <span id="endRow">{{roleInfo.endRow}}</span> ，共 <span id="total">{{roleInfo.total}}</span> 条</div>
                <div><ul class="pagination" id="pagination"></ul></div>
            </div>
        </div>
        <script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="../lib/layer/1.9.3/layer.js"></script>
        <script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
        <script type="text/javascript" src="../js/common/H-ui.js"></script>
        <script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
        <script type="text/javascript" src="../js/utils/utils.js"></script>
        <script type="text/javascript" src="../js/currency/vue.js"></script>
        <script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
        <script type="text/javascript" src="../js/currency/base.js"></script>
        <script type="text/javascript" src="../js/currency/jqPaginator.js"></script>
		<script type="text/javascript" src="../js/admin-role.js"></script>
	</body>
</html>